<template>
  <div id="" class="headers">
    <h2>车辆管理系统的开发与实现</h2>
    <div>
      <div>用户名：{{}}</div>
      <div>用户类型：{{}}</div>
      <div>
        <router-link to="/log_out">【注销】</router-link>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "hoad",
    data() {
      return {
        shuju: []
      }
    },
    created() {
      this.getuser();
    },
    methods: {
      //请求登录用户名 用户类型
      getuser: function () {


       /* var url = "../../../static/api/head.php";
       /!* this.$http.(url, {content: "用户是谁"}, {emulateJSON: true}).then(function (res) {
          this.shuju = res.body.data
        })*!/
       this.$http.get(url).then(function (res) {
         //let demo=res.data;
         console.log(res);
       })*/
      }
    }
  }
</script>

<style scoped>
  .headers {
    border-bottom: 1px solid lightgrey;
    box-shadow: lightgrey 5px 0 5px 0;
    background-color: white;
    padding: 24px 0;
    font-size: 20px;
    display: flex;
    height: 100%;
    justify-content: space-between;
    vertical-align: bottom;

  }

  .headers > h2 {
    padding-left: 100px;
  }

  .headers > div {
    padding-top: 16px;
    font-size: 12px;
    padding-right: 20px
  }

  .headers > div > div {
    display: inline-block
  }
</style>
